.headerPanel {
	filter: literal("alpha(opacity = 100)"); /* IE */
	opacity: 1; /* non-IE */
	width: 100%;
	height: 50px;
	margin-bottom: 0;
	padding-bottom: 0;
  	-webkit-box-shadow: 1px 1px 10px 3px #000;
	-moz-box-shadow: 1px 1px 10px 3px #000;
	box-shadow: 1px 1px 10px 3px #000;
	background-color: #000;
	overflow: hidden;
	position: absolute;
}

.headerTable {
	width: 100%;
	height: 100%;
	table-layout: fixed;
	background-color: #000;
}

.headerTable td {
	border: 0px black dotted;
}
	
.headerTable td.citySelectorCell {
	padding-left: 6px;
}

.citySelectorListBox {
	font:bold 15px/14px Helvetica Neue, Arial, sans-serif; 
}

.headerLink {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
	margin-right: 6px;
}

.headerLink:hover {
	cursor:pointer;
	cursor:hand;
}
	
.hot {
	color: magenta;
}

.pretty {
	background-color: Skyblue;
}

.logo {
	color: #ccc;
	font:bold 14px/13px Helvetica Neue, Arial, sans-serif; 
	text-decoration:none;
	text-shadow: literal( "0px -1px 1px rgba(255,255,255,0.75)" );
	position: relative; 
	top: -15px;
}

.headerButton {
	margin-right: 6px;
	margin-left: 12px;
	padding:4px 15px;
	border:1px solid rgb(99,99,99); /* Normal (IE) support. */
	border:1px solid rgba(99,99,99,0.9); /* No (IE) support, thus ignored. */
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	box-shadow:inset 1px 1px 1px rgba(99,99,99,0.4);
	-webkit-box-shadow:inset 1px 1px 1px rgba(99,99,99,0.4);
	-moz-box-shadow:inset 1px 1px 1px rgba(99,99,99,0.4);
	background-image: literal( "-webkit-gradient( linear, left top, left bottom, color-stop(0, #97adc8), color-stop(0.5, #6b8bb2), color-stop(0.5, #597eaa), color-stop(1, #5b80ab) )" );
	background-image: literal( "-moz-linear-gradient( center top, #97adc8 0%, #6b8bb2 50%, #597eaa 50%, #5b80ab 100% )" );
	color:#fff;
	font:bold 12px/11px Helvetica Neue, Arial, sans-serif; 
	text-decoration:none;
	text-shadow:0px -1px 1px rgba(0,0,0,0.75);

}

.headerButton:hover {
	cursor: pointer;
	cursor: hand;
}

.headerButton:active {
	position:relative;
	top:1px;
}